<template>
  <div class="container">
    <!--前//摄像头部分-->
    <div class="videoPlay">
      <video
        id="Qvideo"
        class="video-js"
        style="margin-top: 100px; margin-left: -450px; width: 500px; height: 400px"
        controls
        autoplay
        autobuffer
        muted
        preload="auto"
      ></video>
    </div>

    <!--后//摄像头部分-->
    <!--    <div class="videoPlay">-->
    <!--      <video-->
    <!--        id="video1"-->
    <!--        class="video-js"-->
    <!--        style="margin-top: -450px; margin-left: 200px; width: 500px; height: 500px"-->
    <!--        controls-->
    <!--        autoplay-->
    <!--        autobuffer-->
    <!--        muted-->
    <!--        preload="auto"-->
    <!--      ></video>-->
    <!--    </div>-->

    <!--前摄像头部分-->
    <div>
      <el-button @click="Qtiming">前校时</el-button>
      <el-button @click="Qwatermark">前水印修改</el-button>
    </div>
    <!--方向控制开始-->
    <div>
      <el-button @click="QptzUp">前向上始</el-button>
      <el-button @click="QptzDown">前向下始</el-button>
      <el-button @click="QptzLeft">前向左始</el-button>
      <el-button @click="QptzRight">前向右始</el-button>
      <el-button @click="QptzLeftUp">前左上始</el-button>
      <el-button @click="QptzLeftDown">前左下始</el-button>
      <el-button @click="QptzRightUp">前右上始</el-button>
      <el-button @click="QptzRightDown">前右下始</el-button>
    </div>
    <!--方向控制结束-->
    <div>
      <el-button @click="QptzUpEnd">前向上停</el-button>
      <el-button @click="QptzDownEnd">前向下停</el-button>
      <el-button @click="QptzLeftEnd">前向左停</el-button>
      <el-button @click="QptzRightEnd">前向右停</el-button>
      <el-button @click="QptzLeftUpEnd">前左上停</el-button>
      <el-button @click="QptzLeftDownEnd">前左下停</el-button>
      <el-button @click="QptzRightUpEnd">前右上停</el-button>
      <el-button @click="QptzRightDownEnd">前右下停</el-button>
    </div>
    <!--变倍变焦开始-->
    <div>
      <el-button @click="QzoomAdd">前变倍+始</el-button>
      <el-button @click="QzoomDec">前变倍-始</el-button>
      <el-button @click="QfocusAdd">前变焦+始</el-button>
      <el-button @click="QfocusDec">前变焦-始</el-button>
      <el-button @click="QirisAdd">前光圈+始</el-button>
      <el-button @click="QirisDec">前光圈-始</el-button>
    </div>
    <!--变倍变焦结束-->
    <div>
      <el-button @click="QzoomAddEnd">前变倍+停</el-button>
      <el-button @click="QzoomDecEnd">前变倍-停</el-button>
      <el-button @click="QfocusAddEnd">前变焦+停</el-button>
      <el-button @click="QfocusDecEnd">前变焦-停</el-button>
      <el-button @click="QirisAddEnd">前光圈+停</el-button>
      <el-button @click="QirisDecEnd">前光圈-停</el-button>
    </div>

    <div>
      <el-button @click="QstartVideo">前手动开始录视频</el-button>
      <el-button @click="QendVideo">前手动停止录视频</el-button>
      <el-button @click="Qpicture">前拍照</el-button>
    </div>


    <!--后摄像头部分-->
    <div>
      <el-button @click="Htiming">后校时</el-button>
      <el-button @click="Hwatermark">后水印修改</el-button>
    </div>
    <!--方向控制开始-->
    <div>
      <el-button @click="HptzUp">后向上始</el-button>
      <el-button @click="HptzDown">后向下始</el-button>
      <el-button @click="HptzLeft">后向左始</el-button>
      <el-button @click="HptzRight">后向右始</el-button>
      <el-button @click="HptzLeftUp">后左上始</el-button>
      <el-button @click="HptzLeftDown">后左下始</el-button>
      <el-button @click="HptzRightUp">后右上始</el-button>
      <el-button @click="HptzRightDown">后右下始</el-button>
    </div>
    <!--方向控制结束-->
    <div>
      <el-button @click="HptzUpEnd">后向上停</el-button>
      <el-button @click="HptzDownEnd">后向下停</el-button>
      <el-button @click="HptzLeftEnd">后向左停</el-button>
      <el-button @click="HptzRightEnd">后向右停</el-button>
      <el-button @click="HptzLeftUpEnd">后左上停</el-button>
      <el-button @click="HptzLeftDownEnd">后左下停</el-button>
      <el-button @click="HptzRightUpEnd">后右上停</el-button>
      <el-button @click="HptzRightDownEnd">后右下停</el-button>
    </div>
    <!--变倍变焦开始-->
    <div>
      <el-button @click="HzoomAdd">后变倍+始</el-button>
      <el-button @click="HzoomDec">后变倍-始</el-button>
      <el-button @click="HfocusAdd">后变焦+始</el-button>
      <el-button @click="HfocusDec">后变焦-始</el-button>
      <el-button @click="HirisAdd">后光圈+始</el-button>
      <el-button @click="HirisDec">后光圈-始</el-button>
    </div>
    <!--变倍变焦结束-->
    <div>
      <el-button @click="HzoomAddEnd">后变倍+停</el-button>
      <el-button @click="HzoomDecEnd">后变倍-停</el-button>
      <el-button @click="HfocusAddEnd">后变焦+停</el-button>
      <el-button @click="HfocusDecEnd">后变焦-停</el-button>
      <el-button @click="HirisAddEnd">后光圈+停</el-button>
      <el-button @click="HirisDecEnd">后光圈-停</el-button>
    </div>

    <div>
      <el-button @click="HstartVideo">后手动开始录视频</el-button>
      <el-button @click="HendVideo">后手动停止录视频</el-button>
      <el-button @click="Hpicture">后拍照</el-button>
    </div>

  </div>
</template>

<script>
  import {
    Qtiming,Qwatermark,QstartVideo,QendVideo,Qpicture,
    QptzUp,QptzUpEnd,QptzDown,QptzDownEnd,QptzLeft,QptzLeftEnd,QptzRight,QptzRightEnd,
    QptzLeftUp,QptzLeftUpEnd,QptzRightUp,QptzRightUpEnd,QptzLeftDown,QptzLeftDownEnd,
    QptzRightDown,QptzRightDownEnd,QzoomAdd,QzoomAddEnd,QzoomDec,QzoomDecEnd,QfocusAdd,QfocusAddEnd,
    QfocusDec,QfocusDecEnd,QirisAdd,QirisAddEnd,QirisDec,QirisDecEnd,
    Htiming,Hwatermark,HstartVideo,HendVideo,Hpicture,
    HptzUp,HptzUpEnd,HptzDown,HptzDownEnd,HptzLeft,HptzLeftEnd,HptzRight,HptzRightEnd,
    HptzLeftUp,HptzLeftUpEnd,HptzRightUp,HptzRightUpEnd,HptzLeftDown,HptzLeftDownEnd,
    HptzRightDown,HptzRightDownEnd,HzoomAdd,HzoomAddEnd,HzoomDec,HzoomDecEnd,HfocusAdd,HfocusAddEnd,
    HfocusDec,HfocusDecEnd,HirisAdd,HirisAddEnd,HirisDec,HirisDecEnd
  } from "@/api/robot/camera/cameraDH/video";
  export default {
    name: "index1",
    data() {
      return {
        webRtcServer: null,
        // webRtcServer1: null,
        //用来测试视频传参
        queryparm: {
          valu: undefined,
          video_ip1: undefined,
          video_name1: undefined,
          video_pwd1: undefined,
          video_port1: undefined,
          residence_time: undefined,
          video_ip2: undefined,
          video_name2: undefined,
          video_pwd2: undefined,
          video_port2: undefined,
        },
      };
    },

    mounted() {
      // 初始化webrec服务
      // this.webRtcServer = new WebRtcStreamer("video", this.httpServer);
      //127.0.0.1:8000：启动webrtc-streamer的设备IP和端口，默认8000
      this.webRtcServer = new WebRtcStreamer('Qvideo', location.protocol + '//127.0.0.1:8000')
      // this.webRtcServer1 = new WebRtcStreamer('video1', location.protocol + '//127.0.0.1:8000')

      this.webRtcServer.connect('rtsp://admin:admin123@192.168.1.108:554/cam/realmonitor?channel=1&subtype=0')
      // this.webRtcServer1.connect('rtsp://192.168.2.92:554/stream=0')
    },

    beforeDestroy() {
      this.webRtcServer.disconnect()
      this.webRtcServer = null
    },

    methods: {
      //前摄像头部分
      //校时
      Qtiming(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        Qtiming(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //水印
      Qwatermark(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        this.queryparm.valu="前测试水印";
        Qwatermark(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //手动录像开始
      QstartVideo(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QstartVideo(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //手动录像停止
      QendVideo(){
        QendVideo().then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },
      //拍照
      Qpicture(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
       Qpicture(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },


      //云台向上开始
      QptzUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向上停止
      QptzUpEnd(){
        QptzUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向下开始
      QptzDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向下停止
      QptzDownEnd(){
        QptzDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左开始
      QptzLeft(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzLeft(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左停止
      QptzLeftEnd(){
        QptzLeftEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

    //云台向右开始
      QptzRight(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzRight(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右停止
      QptzRightEnd(){
        QptzRightEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左上开始
      QptzLeftUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzLeftUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左上停止
      QptzLeftUpEnd(){
        QptzLeftUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },


      //云台向右上开始
      QptzRightUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzRightUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右上停止
      QptzRightUpEnd(){
        QptzRightUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左下开始
      QptzLeftDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzLeftDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左下停止
      QptzLeftDownEnd(){
        QptzLeftDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右下开始
      QptzRightDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QptzRightDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右下停止
      QptzRightDownEnd(){
        QptzRightDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台变倍+ 开始
      QzoomAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QzoomAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍+结束
      QzoomAddEnd(){
        QzoomAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍- 开始
      QzoomDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QzoomDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍-结束
      QzoomDecEnd(){
        QzoomDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦+ 开始
      QfocusAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QfocusAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦+结束
      QfocusAddEnd(){
        QfocusAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦- 开始
      QfocusDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QfocusDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦-结束
      QfocusDecEnd(){
        QfocusDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈+ 开始
      QirisAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QirisAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈+结束
      QirisAddEnd(){
        QirisAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台光圈-开始
      QirisDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        QirisDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈-结束
      QirisDecEnd(){
        QirisDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },



      //后摄像头部分
      //校时
      Htiming(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        Htiming(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //水印
      Hwatermark(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        this.queryparm.valu="后测试水印";
        Hwatermark(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //手动录像开始
      HstartVideo(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HstartVideo(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },

      //手动录像停止
      HendVideo(){
        HendVideo().then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },
      //拍照
      Hpicture(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        Hpicture(this.queryparm).then(response => {
          if(typeof(response)!=null){
            this.$modal.msg(response.msg);
          }
        });
      },


      //云台向上开始
      HptzUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向上停止
      HptzUpEnd(){
        HptzUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向下开始
      HptzDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向下停止
      HptzDownEnd(){
        HptzDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左开始
      HptzLeft(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzLeft(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左停止
      HptzLeftEnd(){
        HptzLeftEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右开始
      HptzRight(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzRight(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右停止
      HptzRightEnd(){
        HptzRightEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左上开始
      HptzLeftUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzLeftUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左上停止
      HptzLeftUpEnd(){
        HptzLeftUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },


      //云台向右上开始
      HptzRightUp(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzRightUp(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右上停止
      HptzRightUpEnd(){
        HptzRightUpEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左下开始
      HptzLeftDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzLeftDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向左下停止
      HptzLeftDownEnd(){
        HptzLeftDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右下开始
      HptzRightDown(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HptzRightDown(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台向右下停止
      HptzRightDownEnd(){
        HptzRightDownEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台变倍+ 开始
      HzoomAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HzoomAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍+结束
      HzoomAddEnd(){
        HzoomAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍- 开始
      HzoomDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HzoomDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变倍-结束
      HzoomDecEnd(){
        HzoomDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦+ 开始
      HfocusAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HfocusAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦+结束
      HfocusAddEnd(){
        HfocusAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦- 开始
      HfocusDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HfocusDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台变焦-结束
      HfocusDecEnd(){
        HfocusDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈+ 开始
      HirisAdd(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HirisAdd(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈+结束
      HirisAddEnd(){
        HirisAddEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

      //云台光圈-开始
      HirisDec(){
        this.queryparm.video_ip1="192.168.1.108";
        this.queryparm.video_name1="admin";
        this.queryparm.video_pwd1="admin123";
        this.queryparm.video_port1=37777;
        HirisDec(this.queryparm).then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },
      //云台光圈-结束
      HirisDecEnd(){
        HirisDecEnd().then(response => {
          if(typeof(response)!=null){
            // this.$modal.msg(response.msg);
          }
        });
      },

    },
  };
</script>

<style>
  /*页面整块大背景色*/
  .main-container {
    background-color: rgb(1 5 43);
  }
  .videoPlay {
    width: 500px;
    height: 500px;
    margin: 15px auto;
  }
  .video-js {
    background-color: rgb(1 5 43);
    object-fit: fill;
  }
</style>
